/* Navbar特定样式 */

.top{
	height: 120px;
	background: white;
	border-bottom: 1px solid black;
	margin-bottom: 5px;
}

.top .name {
    width: 150px;
    height: 80px;
    margin-left: 80px;
    margin-top: 10px;
    float: left;
}

.top .name img.img {
    width: 200px;
    height: auto; 
    max-width: 100%;
    display: block;
}

.top .nav ul {
    width: 750px;
    height: 80px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: auto;
    display: flex;
}

.top .nav ul li{
	margin-top:40px;
	list-style: none;
	padding-right: 0 8px;
}

.top .nav ul li .works,
.top .nav ul li .exp,
.top .nav ul li .user-active,
.top .nav ul li .home {
    width: 100%;
    height: 100%;
    color: white;
    background: #166d80;
    border-radius: 4px;
}

.top .nav ul li a{
	position: relative;
	display: block;
	margin: 10px 20px;
	padding-top:8px ;
	text-decoration: none;
	color: black;
	font-weight: 700;
	transition: .5s;
	text-align: center;
}

.top ul li a:hover {
    width: 100%;
    height: 100%;
    color: black;
    background: #add2d7;
} 